<template>
  <dl class="entry">
    <dd>
      <h3>{{ $t("language.business.whatsapp") }}:+63 97703 60982</h3>
      <i>{{ $t("language.business.whatsapp") }}:+63 97703 60982</i>
      <span>{{ $t("language.business.mchat") }}:worldgame</span>
      <span>{{ $t("language.business.skype") }}:worldgame@gmail.com</span>
    </dd>
    <dd>
      <NuxtImg src="/img/bb8.png" alt="" />
    </dd>
  </dl>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
.entry {

  color: #fff;
  width: 100%;
  @include flex(row, flex-start, flex-start);
  height: 100%;
  padding: 40px 40px 0 40px;

  dd:nth-child(1) {
    height: 100%;
    @include flex(column, center, flex-start);

    h3 {
      font-size: 30px;
      color: #fff;

    }

    i {
      font-style: normal;
      font-size: 24px;
      color: #b5bacb;
      display: block;
      margin: 34px 0;
    }

    span {
      font-size: 18px;
      color: #b5bacb;
      display: block;
      margin-bottom: 30px;
    }
  }

  dd:nth-child(2) {
    height: 100%;

    img {
      height: 100%;
    }
  }
}
</style>
